<%-- 
    Document   : test
    Created on : Apr 10, 2013, 3:21:46 PM
    Author     : mona.chandrapal
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Header Page</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
        <link href="../twbootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
        <link href="../twbootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
        <script src="../twbootstrap/js/bootstrap.min.js"></script>
        <script src="../twbootstrap/js/bootstrap-dropdown.js"></script>

        <script type="text/javascript" charset="utf-8">
            $('.dropdown-toggle').dropdown();
        </script>




    </head>
    <body>
        <form action='search.jsp' method="get" onsubmit="">
            <div class="navbar navbar-static-top">
                <div class="navbar-inner">
                    <a class="brand" href="home.jsp">Knowledgebase</a>
                    <ul class="nav">
                        <li class="divider-vertical"></li>
                        <li><a href="articles.jsp">Articles</a></li>
                        <ul class="nav pull-right">
                            <li class="divider-vertical"></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Reports <b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li><a href="reports.jsp">User Based</a></li>
                                    <li><a href="reports.jsp">Category Based</a></li>
                                </ul>
                            </li>
                            <li class="divider-vertical"></li>
                            <li class="span1" ></li>
                            <div class="form-search pull-left">
                                <li class="input-append" style="margin-top: 5px;" >
                                    <input type="text" class="span3 search-query">
                                    <button type="submit" class="btn">Search</button>  
                                </li>
                            </div>
                        </ul>
                    </ul>

                    <ul class="nav pull-right">
                        <li class="divider-vertical"></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="settings.jsp">Categories</a></li>
                                <li><a href="userroles.jsp">Permissions</a></li>
                            </ul>
                        </li>
                        <li class="divider-vertical"></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Feedback <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                <li><a href="SendFeedback.jsp">Send Feedback</a></li>
                                <li><a href="ViewComments.jsp">View Comments</a></li>
                                <li><a href="AboutUs.jsp">About Us</a></li>

                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
        </form>
    </body>

</form>
</html>
